@charset "utf-8";

@font-face {
    font-family: Roboto Condensed;
    src: url(../fonts/Roboto-Condensed.ttf);
    font-weight: normal;
} 

html, body {
    font-size: 12px;
    font-family: 'Arial';
    color: #333;
    background: white;
}

.contentpanel {
    padding: 5px 0px;
}
.main-content {
    padding: 5px 0px;
}
a { 
    color: #333;
    text-decoration: none;
    cursor: pointer; 
}
ul li { list-style: none; }
.line-top {
    border-top: 1px solid #ddd;
}
.clear { clear: both; }
/* css for div error */
div.errorXSS {
    color: red;
    /*
	background: none repeat scroll 0 0 #2B012C !important;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-size: 13px;
    padding: 4px 10px;
    position: relative;
    */
}
div.errorXSS:after{
    /*
	content:"";
	display:block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #DDDDDD;
	top: 100%;
	position: absolute;
    */
}
input.errorXSS, select.errorXSS, textarea.errorXSS{
	border: solid 1px red;
}
/* css for custom tooltip */
div.jqplot-highlighter-tooltip {
    background: none repeat scroll 0 0 #1FBBA6 !important;
    border: 1px solid #1FBBA6;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 13px;
    margin-left: -10.5%;
    padding: 10px 20px;
    position: relative;
}
div.jqplot-highlighter-tooltip:after{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1FBBA6;
    content: "";
    display: block;
    height: 0;
    left: 47%;
    position: absolute; 
    top: 100%;
    width: 0;
}
a.links{ color: #0072C6; }
.links > .row_item a{
    color: #1c99c5;
}
#header {
    z-index: 50;
    position: relative;
    clear: both;
    color: #FFFFFF;
}
.mr5{
    color: #909090;
    float: right;
    margin-top: 7px;
}
#header .header-top{
    position: relative;
    z-index: 123;
    float: left;
    width: 100%;
    height: 29px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 5px;
}

#header{
   margin: 10px 00px 0px;
}
#header .search , #header .cart , #header .user
{
    margin-top: 10px;
}

#header .header-right-nav {
    color: #434343;
    font-size: 13px;
    line-height: 13px;    
}
#header .header-right-nav a {
    color: #434343 !important;
}
#header .header-right-nav .links {
    float: right;
    text-align: right;
    width: 70%;
}
#header .header-right-nav .links .row_item{
    
}

#header .header-search{
    width: 47%;
}

#header .header-right-nav .links span {
display: inline-block;
}

#header .header-right-nav .acct .cart {
   background: url('http://static-cdn-1.tp-global.net/image/tp/rebrand/sprite-main-2013-08-13.png') no-repeat -80px -279px;
    padding: 0px 0 2px 20px;
    margin-right: 12px
}

#header .header-right-nav .srch {
    border: 1px solid #ccc;
}

#header .header-right-nav .srch form .input {
    width: 109px;
}

#header .header-right-nav .srch form input {
    border: none;
}

#header input, #footer input {
    font-size: 11px;
    color: #666;
    border: 1px solid #26b8eb;
}

#header input.input, #footer input.input {
    padding: 4px;
}
#header .header-right-nav div .srch input.btn {
    background: url('http://static-cdn-1.tp-global.net/image/tp/rebrand/sprite-main-2013-08-13.png') no-repeat -80px -298px;
    padding: 0 5px;
    height: 22px;
    width: 22px;
    filter: none;
    border: none;
    box-shadow: none;
}
#header input.btn, #footer input.btn {
    padding: 3px 6px;
    color: #fff;
    vertical-align: baseline;
}


#header .header-right-nav .links .aux {
    margin: 7px 0;
}

#header .header-right-nav .fs-blurb {
    font-family: "Trade Gothic W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
ol {
    list-style: decimal;
}
#breadcrumb {
	position: relative;
	z-index: 5;
	clear: both;
	min-height: 22px;
	margin-bottom: 5px;
	padding: 5px 0 2px;
}
#breadcrumb ul {	
    position: relative;
    padding-left: 0px;
}
#breadcrumb ul li{
	float: left;
	height: 22px;
	margin: 0 4px;
	line-height: 22px;
	color: #666;
}
#breadcrumb ul li.first {
	margin-left: 0px !important;
}

#breadcrumb ul li.angleright {
    font-size: 18px;
    color: #888;
    margin-left: 5px;
    margin-top: -1px;
}

/* -- Base style override -- */

ul.dropdown li {
 padding: 0;
}


/* -- Base style reinitiate: post-override activities -- */
#footer > .container{
    padding: 0px;
}
#footer #nav {
    padding: 15px 0;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #303030;
}
#footer #nav ul li a{
    color: #ffffff;
}
#footer .footer-newsletter-signup label{
    text-transform: uppercase;
    color: #0072C6;
    font-size: 10px;
    margin: 10px 0px 0 0;
    font-family: "Trade Gothic W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
}

#footer #nav > .col-one , #footer #nav > .col > ul{
    padding-left: 0px !important;
}
#footer #nav ul li a {   
    line-height: 23px;
}

#footer a {
    color: #434343;
    text-decoration: none;
}
#footer a:hover {
  color: #000;
  text-decoration: underline;
}
#footer .copyright{
    padding:15px 0px;
}
#footer .copyright p{
    padding-bottom:7px;
    margin:0px;
}

.form-padding-20-0{ padding: 20px 0px; }
.ajax-loading {
    cursor: wait;
    background:url('../images/ajax-loading-24.GIF') no-repeat center center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75;
    position: absolute;
    z-index: 10000;
    height: 24px;
    width: 24px;
}


.alert-danger-alt {
    border-color: #B63E5A;
    background: #E26868;
    color: #fff;
}

.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:14px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:4px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:14px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:14px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:-16px}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:-16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:-16px;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:-16px;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}

////NGUYENPC
.margin_bt{
    margin-bottom: 15px;
}
    
.share{
    margin: 10px;
}
.share > span.facebook{
    
    
  
}
.share > gmail{
    
}

.share > yahoo{
    
}


/***** FORM STYLES *****/
/***********************/


.ckbox,
.rdio {
	position: relative;
}

.ckbox input[type="checkbox"],
.rdio input[type="radio"] {
	opacity: 0;
}

.ckbox label,
.rdio label {
	padding-left: 10px;
        margin-left: 12px;
	cursor: pointer;
	margin-bottom: 7px !important;
}

.ckbox label:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    content: '';
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;
}

.ckbox input[type="checkbox"]:disabled + label  {
	color: #999;
}

.ckbox input[type="checkbox"]:disabled + label:before  {
	background-color: #eee;
}

.ckbox input[type="checkbox"]:checked + label::after  {
    font-family: 'FontAwesome';
    content: "\F00C";
    position: absolute;
    top: 2px;
    left: 4px;
    display: inline-block;
    font-size: 11px;
    width: 16px;
    height: 16px;
    color: #fff;
}

.ckbox-default input[type="checkbox"]:checked + label:before {
	border-color: #999;
}

.ckbox-default input[type="checkbox"]:checked + label::after {
	color: #333;
}

.ckbox-primary input[type="checkbox"]:checked + label:before {
	border-color: #357EBD;
	background-color: #428BCA;
}

.ckbox-warning input[type="checkbox"]:checked + label:before {
	border-color: #EEA236;
	background-color: #F0AD4E;
}

.ckbox-success input[type="checkbox"]:checked + label:before {
	border-color: #1CAF9A;
	background-color: #1CAF9A;
}

.ckbox-danger input[type="checkbox"]:checked + label:before {
	border-color: #D43F3A;
	background-color: #D9534F;
}

.rdio label:before {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0;
	content: '';
	display: inline-block;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid #bbb;
	background: #fff;
}

.rdio input[type="radio"]:disabled + label  {
	color: #999;
}

.rdio input[type="radio"]:disabled + label:before  {
	background-color: #eee;
}

.rdio input[type="radio"]:checked + label::after  {
	content: '';
	position: absolute;
	top: 5px;
	left: 4px;
	display: inline-block;
	font-size: 11px;
	width: 10px;
	height: 10px;
	background-color: #444;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.rdio-default input[type="radio"]:checked + label:before {
	border-color: #999;
}

.rdio-primary input[type="radio"]:checked + label:before {
	border-color: #428BCA;
}

.rdio-primary input[type="radio"]:checked + label::after {
	background-color: #428BCA;
}

.rdio-warning input[type="radio"]:checked + label:before {
	border-color: #F0AD4E;
}

.rdio-warning input[type="radio"]:checked + label::after {
	background-color: #F0AD4E;
}

.rdio-success input[type="radio"]:checked + label:before {
	border-color: #1CAF9A;
}

.rdio-success input[type="radio"]:checked + label::after {
	background-color: #1CAF9A;
}

.rdio-danger input[type="radio"]:checked + label:before {
	border-color: #D9534F;
}

.rdio-danger input[type="radio"]:checked + label::after {
	background-color: #D9534F;
}


pre {
	font-size: 12px;
	color: #C7254E;
	border: 1px solid #ddd;
	padding: 8px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
}

label.error {
	color: #B94A48;
	margin-top: 2px;
}

.asterisk {
	color: #D9534F;
}

div.error {
	margin-bottom: 20px;
	display: none;
	position: relative;
}

div.error label.error {
	display: block;
	padding-left: 25px;
	position: relative;
}

div.error label.error:before {
	font-family: 'Glyphicons Halflings';
	content: '\e101';
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 16px;
	color: #D9534F;
	display: inline-block;
}

.child2{
    line-height: 30px;
}
.title_child2{
    font-size: 12px;font-weight: bold;
}
.imgparent.img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
/***** FORM WIZARD STYLES *****/
/**************************/



.action-header{
    padding-top: 20px;
}
.btn-search{
    background: #26b8eb;
    line-height: 23px;
}
.support-online>.avatar{
    margin-top: -19px;
}
.support-online>.title{
    text-align: center;
    margin-top: 3px;
    margin-left: -12px;
}
.support-online>.title>.name{
    color: #26b8eb;
}
.support-online>.title>.contact{
    color:#f200ab;
}

.info-orders{
    background: #ededed;
    margin: 0px;
    margin-bottom: 15px;
    padding: 5px;
}
.info-orders h6{
    color: #26b8eb;
}
.info-orders img{
    margin-right: 5px;
}
.info-orders title{
    margin-left: 5px;
}

.list-categories img{
    position: relative; 
}
.list-categories h6{
   position: absolute; 
   top: 321px; 
   
   width: 90%;
   line-height: 40px;
   background: #000000;
   opacity: 0.6;
  
}
.list-categories h6 a{
    color: #FFFFFF;
    font-weight: bold;
}
.copyright{
    overflow: auto;
    /*background: #1e1e1e;*/
    color: #666062;
}

.footer-menu{
    /*background: #303030;
    //border-top: solid 1px #1d1d1d;*/
    padding: 10px 0px;
    margin-top: 10px;
}
.footer-menu ul li a{
    /*color: #ffffff;*/
}
.line-top-menu{
    /*border-bottom: solid 1px #404040;
    //border-top: solid 1px #1e1e1e;
    //margin-top: -8px;*/
}
.nav-menu{
    padding: 10px 0px;
    
}
.footer{
    background: #ededed;
}

.fa-caret-down-icon{
    
    /*background: url('../images/icon-bottom.png') no-repeat;
    position: absolute;
    margin-top: 27px;
    margin-left: -8px;*/
    
}
